<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../icon/iconfont.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/contact.css">
    <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=M0yR79xcbX01fvETk0iuFPi5qauIZ7Ct"></script>
</head>

<body>
    <header>
        <main>
            <div class="logo"><img src="../images/logo.png" alt=""></div>
            <div class="nav">
                <ul>
                    <a href="../index.html">
                        <li>首页</li>
                    </a>
                    <a href="about.html">
                        <li>关于我们</li>
                    </a>
                    <a href="product.html">
                        <li>产品介绍</li>
                    </a>
                    <a href="team.html">
                        <li>我们团队</li>
                    </a>
                    <a href="contact.html">
                        <li class="active">联系我们</li>
                    </a>
                </ul>
            </div>
        </main>
    </header>

    <div class="banner">
        <div class="text">
            <div class="line1"><span>C</span>ontact</div>
            <div class="line2">&nbsp;&nbsp;&nbsp;&nbsp;联系我们 <span>us</span></div>
        </div>
    </div>

    <section>
        <main>
            <div class="top">
                <div class="tlfet">
                    <div class="title">
                        <div class="ch">联系我们</div>
                        <div class="en">Company profile</div>
                    </div>
                </div>
                <div class="tright"><span class="s1">当前位置&gt;</span><span class="s2">首页&gt;</span><span class="s3">联系我们</span></div>
            </div>
            <div class="bottom">
                <div id="allmap" style="overflow: hidden;width:995px;height:336px"></div>
                <div class="bbottom">
                    <div class="box">
                        <div class="pic"><img src="../images/phone.png" alt=""></div>
                        <div class="text">
                            <p class="p1">资讯热线</p>
                            <p class="p2">Information Hotline</p>
                            <p class="p3">重庆：+86 023-867-7848</p>
                            <p class="p4">( 09：30~18：30 北京时间 )</p>
                        </div>
                    </div>
                    <div class="box">
                        <div class="pic"><img src="../images/map.png" alt=""></div>
                        <div class="text">
                            <p class="p1">公司地址</p>
                            <p class="p2">Company address</p>
                            <p class="p3">地址：重庆大坪龙湖时代天街3号写字楼2407室</p>
                            <p class="p4">( 09：30~18：30 北京时间 )</p>
                        </div>
                    </div>
                    <div class="box">
                        <div class="pic"><img src="../images/email.png" alt=""></div>
                        <div class="text">
                            <p class="p1">公司邮箱</p>
                            <p class="p2">E-mail</p>
                            <p class="p3">邮箱：info@haitouglobal.com</p>
                            <p class="p4">( 09：30~18：30 北京时间 )</p>
                        </div>
                    </div>
                </div>
            </div>
        </main>
    </section>


    <footer>
        <main>
            <div class="left">Copyright &copy; 重庆duzu有限公司 | duzu备案号 33010602001878 号 版权所有：重庆戈登有限公司</div>
            <div class="right"><img src="../images/logo_buttom.png" alt=""></div>
        </main>
    </footer>
</body>
<script>
	// 百度地图API功能
	var map = new BMapGL.Map("allmap");
	var point = new BMapGL.Point(106.490916,29.53781);
	map.centerAndZoom(point, 19);
	
	var marker = new BMapGL.Marker(point);  // 创建标注
	map.addOverlay(marker);              // 将标注添加到地图中
	var opts = {
	    width : 200,     // 信息窗口宽度
	    height: 100,     // 信息窗口高度
	    title : "重庆千锋" , // 信息窗口标题
	    message:"这里是重庆千锋"
	}
	var infoWindow = new BMapGL.InfoWindow("地址：重庆市九龙坡区科园一路2号12层", opts);  // 创建信息窗口对象 
	marker.addEventListener("click", function(){          
		map.openInfoWindow(infoWindow, point); //开启信息窗口
	}); 
    map.openInfoWindow(infoWindow, point); //开启信息窗口
</script>
</html>